<template>
  <div class="home-container">
    <router-view></router-view>
    <van-tabbar v-model="active" route>
      <van-tabbar-item to="/homepage" class="iconfont icon-home"><span>首页</span></van-tabbar-item>
      <van-tabbar-item to="/questions" class="iconfont icon-wenda"><span>问答</span></van-tabbar-item>
      <van-tabbar-item to="/video" class="iconfont icon-shipin"><span>视频</span></van-tabbar-item>
      <van-tabbar-item to="/users" class="iconfont icon-yonghu">
      <span>{{$store.state.user ? '我的': '未登录'}}</span>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>
           
<script>
export default {
  data() {
    return {
      active: 0
    };
  }
};
</script>
<style scoped lang="less">
.home-container {
  .van-tabbar {
     
    .iconfont {
      font-size: 40px;
      line-height: 0.7;
      span {
        font-size: 18px;
      }
    }
  }
}
</style>